<style type="text/css">
@media(min-width: 1000px){
	#home-index
	{ background-attachment: fixed; background-position: center; background-image:url(//api.hongyanche.com/_hongyanche/material/bg.jpg);background-size: cover;}
	.home-index-panel
	{padding:50px 20px 50px 20px; }
	#home-index #home-index-swiper
	{background:rgba(255,255,255,0.2);flex:1.85;
	-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}
	#home-index #user-panel
	{background:rgba(255,255,255,0.85)}

	.home-menu-container
	{padding:0px 0 50px 0;}
}
@media(min-width:1280px){
	#home-index #home-index-swiper
	{flex:2.5;}
	.home-index-panel
	{padding:50px 0;margin-top: 30px; }
}
#user-panel
{-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}
#user-panel .weui-cells
{border-radius:5px;}
#user-panel .weui-cells:before,#user-panel .weui-cells:after
{border:none;}

#login-panel
{padding:20px;}

.home-menu
{height:150px; background-color: #666; background-repeat: no-repeat;background-position: center;}
@media(min-width: 1000px){
	.home-menu
	{border:1px solid rgba(0,0,0,0);}
	.home-menu:hover
	{box-shadow: 0 0 5px #ccc;border:1px solid white;}
}

.weui-flex__item+.weui-flex__item .home-menu
{margin-left: 10px;}
.weui-flex__item:nth-child(2) .home-menu
{background-image: url('http://api.hongyanche.com/_hongyanche/material/big-menu-0.jpg')}
.weui-flex__item:nth-child(3) .home-menu
{background-image: url('http://api.hongyanche.com/_hongyanche/material/big-menu-1.jpg')}
.weui-flex__item:nth-child(4) .home-menu
{background-image: url('http://api.hongyanche.com/_hongyanche/material/big-menu-2.jpg')}
</style>
<div id="home-index">
	<div class='container'>
		<div class='home-index-panel'>
			<div class='weui-flex'>
				<div class='weui-flex__item' id="home-index-swiper">
					{include file='home:index-home-swiper' /}
				</div>
				<div class='weui-flex__item' id='user-panel'>
				</div>
			</div>
		</div>
		<div class='home-menu-container hidden-xs'>
			<div class='weui-flex'>
				<div class='weui-flex__item'>
					<div class='home-menu'></div>
				</div>
				<div class='weui-flex__item'>
					<div class='home-menu'></div>
				</div>
				<div class='weui-flex__item'>
					<div class='home-menu'></div>
				</div>
				<div class='weui-flex__item'>
					<div class='home-menu'></div>
				</div>
			</div>
		</div>
	</div>
	{include file="home:index-home-video-modal"/}
</div>